<template>
  <div class="preview-questCotainer">
    <el-button type="text" @click="centerDialogVisible = true">点击打开 Dialog</el-button>
    <el-dialog
      :visible.sync="centerDialogVisible"
      width="40%"
      center>
      <div class="review-body">
          <dl>
            <dt>1、下列说法正确的有（）<span>1101</span></dt>
            <dd>A． class中的constructor不可省略</dd>
            <dd>B． constructor必须与class同名，但方法不能与class同名</dd>
            <dd>C． constructor在一个对象被new时执行</dd>
            <dd>D．一个class只能定义一个constructor</dd>
          </dl>
          <p>正确答案: C</p>
          <div class="documet-note clearfix"><div>试题解析：</div> <div>这里可能会有误区，其实普通的类方法是可以和类名同名的，
                  和构造方法唯一的区分就是，构造方法没有返回值</div>
          </div>
      </div>
    </el-dialog>
      
  </div>
</template>
<script>
export default {
  data() {
    return {
      centerDialogVisible: false
    };
  }
};
</script>
<style scoped>
.preview-questCotainer>>>.el-dialog__body {
  padding: 0 20px;
}
.documet-note{
    display: flex;
    flex: 1;
    line-height: 20px;
  }
  .test-document,.documet-note {
    padding-right: 40px;
  }
  .documet-note>div:first-child{
    min-width: 70px; 
  }
.review-body {
  padding: 0 120px;
  padding-bottom: 60px;
  line-height: 60px;
}
.review-body dd {
  margin: 0;
}
.review-body dt {
  position: relative;
}
.review-body dt span {
  position: absolute;
  right: 0;
}
</style>


